<template>
	<view class="detail-navbar">
		<view class="detail-navbar-left" @click="goBack">
			
			<uni-icons type="left" size="25" color= "#ffffff"></uni-icons>
			
		</view>
		<view class="detail-navbar-center">{{title}}</view>
	</view>
</template>

<script setup>
	import {defineEmits,defineProps} from "vue";
	const props=defineProps({
		title:{
			type:String,
			default:'需求详情'
		}
	})
	const emit=defineEmits(['goUpLevel'])
	function goBack(){
		emit("goUpLevel")
	}
</script>

<style scoped lang="less">
.detail-navbar{
	position: fixed;
	top: 0;
	display: flex;
	height: 20vh;
	width: 100vw;
	background: @mutual-img;
	padding-top: 40rpx;
	background-size: 100% 100%;
	.detail-navbar-left{
		padding-left: 20rpx;
	}
	.detail-navbar-center{
		color: #FFFFFF;
		font-size: 32rpx;
		font-family: "ali-m";
		text-align: center;
		flex:1;
	}
	
}
</style>